<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="../../style/default/jsvm.css"/>
<link rel="stylesheet" type="text/css" href="../../style/default/dashboard.css"/>
<script id="j$vm" src="../../jsvm/jsre.js" ></script>
<script src="../../jsvm/lib/jsre-ui.js" ></script>
<style>


</style>
</head>
<body>
</body>


<script type="text/javascript">

J$VM.exec("Demo", function(System){

    this.prefer({theme: "default"});

    var DemoWindow = new js.awt.Window({
        id: "DemoWindow",
        items:["title","client"],
        
        title:{
            classType: "js.awt.HBox",
            constraints:"north",

            items:["labTitle", "btnMax","btnClose"],
            
            labTitle:{
                classType: "js.awt.Label",
                css:"padding: 0px 2px 0px 4px;",
                text: "Virtual Frame"
            },

            btnMax:{
                classType: "js.awt.Button",
                iconImage: "maximize.png"
            },

            btnClose:{
                classType: "js.awt.Button",
                iconImage: "close.png"
            }
        },
        
        client:{
            classType:"js.awt.VFrame",
            constraints:"center"
            
        },
        resizer :255,
        mover:{longpress: 5, bt:1.0, bl:1.0}, movable:true,
        x:50, y:50,
        width: 640,
        height: 480,
        miniSize:{width: 60, height:30},
        maxiSize:{width: 800, height:600}
    },this);

    this.addComponent(DemoWindow);

    DemoWindow.loadUrl("vframe.js");
});
</script>
</html>
